
.site-address-changer__dialog {
	text-align: left;
	max-width: 400px;

	h2 {
		border-top: 1px solid var( --color-border-subtle );
		font-weight: 600;
		margin-top: 1.5em;
		margin-bottom: 1em;
		padding-top: 1.5em;
	}
}

.site-address-changer__copy-addition strong,
.site-address-changer__copy-addition.gridicon {
	color: var( --color-success );
}

.site-address-changer__copy-deletion strong,
.site-address-changer__copy-deletion.gridicon {
	color: var( --color-error );
}

.card.site-address-changer__content {
	margin-bottom: 0;
}

.site-address-changer__affix {
	display: flex;
	align-items: center;
}

.site-address-changer__select-icon {
	color: var( --color-neutral-light );
	margin-left: 6px;
	align-self: center;
}

.form-text-input-with-affixes__prefix,
.form-text-input-with-affixes__suffix {
	&:hover .site-address-changer__select-icon {
		color: var( --color-neutral-50 );
	}
}

.site-address-changer__select {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 0;
	border: 0;
	background-image: none;
	opacity: 0;
}

.site-address-changer__info {
	word-break: break-word;
}

.site-address-changer__only-owner-info {
	margin: 0 auto 10px;
	padding: 16px;

	@include breakpoint-deprecated( '<660px' ) {
		margin: 0;
	}

	.gridicon {
		float: left;
		margin: auto 12px auto 10px;

		@include breakpoint-deprecated( '<660px' ) {
			margin: auto 6px auto 4px;
		}
	}
}

.site-address-changer__content {
	@include breakpoint-deprecated( '<480px' ) {
		.form-text-input-with-affixes__suffix {
			padding-left: 8px;
			padding-right: 8px;
		}
	}
}

.site-address-changer__form-footer {
	border-top: 1px solid var( --color-neutral-0 );
	margin: 0 -16px -16px;
	padding: 16px;
	display: flex;
	justify-content: flex-start;

	@include breakpoint-deprecated( '>480px' ) {
		padding: 24px;
		margin: 0 -24px -24px;
	}

	@include breakpoint-deprecated( '<480px' ) {
		flex-direction: column;
	}

	.button {
		margin: 0 0 0 15px;

		&.is-primary {
			margin: 0 0 15px;

			@include breakpoint-deprecated( '>480px' ) {
				margin: 0;
			}

			@include breakpoint-deprecated( '<480px' ) {
				order: 1;
			}
		}

		@include breakpoint-deprecated( '<480px' ) {
			width: 100%;
			order: 2;
		}
	}
}

.site-address-changer__confirmation-detail {
	margin-bottom: 1em;

	.gridicon {
		float: left;
		margin-top: 4px;

		@include breakpoint-deprecated( '<660px' ) {
			display: none;
		}
	}

	.site-address-changer__confirmation-detail-copy {
		word-break: break-word;

		@include breakpoint-deprecated( '>660px' ) {
			margin-left: 24px;
		}
	}
}

.dialog__content h1.site-address-changer__dialog-heading {
	line-height: 1.4em;
}
